<!--
 * @Author: thinkplayer
 * @Github: https://github.com/thinkplayer
 * @Date: 2019-09-27 19:59:54
 * @LastEditors: thinkplayer
 * @LastEditTime: 2019-09-29 09:22:39
 -->
<template>
  <div class="home">
    <img alt="Vue logo" src="../assets/logo.png">
    <van-tabbar v-model="active">
      <van-tabbar-item icon="home-o">标签</van-tabbar-item>
      <van-tabbar-item icon="search">标签</van-tabbar-item>
      <van-tabbar-item icon="friends-o">标签</van-tabbar-item>
      <van-tabbar-item icon="setting-o">标签</van-tabbar-item>
    </van-tabbar>
    <van-button type="warning">警告按钮</van-button>
    <div class="test">我是测试</div>
  </div>
</template>

<script>
// @ is an alias to /src

export default {
  name: 'home',
  components: {},
  data () {
    return {
      active: 0
    }
  }
}
</script>

<style lang="scss" scoped>
  .btn {
    color: $themeColor;
  }
  .test {
    font-size: 48px;
  }
</style>
